<!--
 * @Author: Shber
 * @Date: 2024-07-08 17:01:43
 * @LastEditors: Shber
 * @LastEditTime: 2024-07-10 16:06:02
 * @Description: 
-->
<template>
  <view>
    <view class="order_goods">
      <image class="item_pic mr_10" mode="aspectFill" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
      <view class="right_txt">
        <text class="txt_title">巧克力雪冰刨冰绵绵冰淇淋</text>
        <view class="txt_txt"><text>¥32.00</text> <text>✖️1</text></view>
      </view>
    </view>
    <view class="flex" v-if="btnShow" >
      <tm-button @click="goPath('/pages/order/snapshotDetails')" class="mr_10" size="small" :shadow="0" outlined :round="25" label="交易快照"></tm-button>
    </view>
  </view>

</template>

<script setup>
const props = defineProps({
  btnShow:{
    type: Boolean,
    default: false
  },
})

const goPath = (_url)=>{
  uni.navigateTo({url:_url})
}
</script>

<style scoped lang="scss">
.flex{justify-content: flex-end; margin-top: 5px;}
.order_goods{
  display: flex;
  .item_pic{width: 80px; height: 80px;}
  .right_txt{ flex: 1; height: 80px; display: flex; flex-direction: column; justify-content: space-between; font-size: 14px; color: #3D3D3D;}
  .txt_title{}
  .txt_txt{font-weight: 500; display: flex; justify-content: space-between;}
} 
</style>